{% load i18n %}
{% load dajaxice_templatetags %}
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Basic Needs -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ project_name }} | {% block title %}{% endblock %}</title>

    <!-- Fonts -->
    <link href = 'http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,800' rel = 'stylesheet' type = 'text/css'>

    <!-- CSS Stylesheets -->
    <link href="{{STATIC_URL}}bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="{{STATIC_URL}}bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="{{STATIC_URL}}css/style.css" rel="stylesheet">
    <link href="{{STATIC_URL}}css/font-awesome.css" rel="stylesheet">
    <link href="{{STATIC_URL}}css/animate.css" rel="stylesheet">
    <link href="{{STATIC_URL}}css/prettyPhoto.css" rel="stylesheet">
    <!--[if IE 7]>
        <link href="{{STATIC_URL}}css/font-awesome-ie7.min.css" rel="stylesheet">
    <![endif]-->

    <!-- Favicon Icon -->
    <link rel="shortcut icon" href="{{STATIC_URL}}ico/project-plan-icon.png">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>
    {% if dashboard_company %}
        {% include "base/header_db_company.html" %}
    {% elif dashboard_candidate %}
        {% include "base/header_db_candidate.html" %}
    {% else %}
        {% include "base/header.html" %}
    {% endif %}
{#    <input type="text" value="5" id="a"> x#}
{#    <input type="text" value="6" id="b"> =#}
{#    <input type="text" value="" id="result">#}
{#    <input type="button" value="Multiply!" onclick="calculate();">#}
{#    <input type="button" value="Alert!" onclick="Dajaxice.companies.alert_example(Dajax.process);">#}
{#    <br>#}
{#    <select onchange="Dajaxice.companies.updatecombo(Dajax.process, {'option':this.value})" size="1">#}
{#        <option value="0">Select...</option>#}
{#        <option value="0">Spain</option>#}
{#        <option value="1">France</option>#}
{#        <option value="2">United Kingdom</option>#}
{#    </select>#}
{#    <select id="combo2" onchange="" size="1"></select>#}
    {% comment %} {% include "base/menu_old.html" %} {% endcomment %}
    <div class="container">
        {% if not isIndex %}
            <!-- Start page header -->
            <section class="section-page-header">
                <div class="container">
                    <div class="row">
                        <div class="span12">
                            <div class="page-header">
                                <h4>— {% block page-header %}{% endblock %} —</h4>
                            </div>
                        </div>
                    </div>
                    <img src="{{ STATIC_URL }}images/divider_shadow.png" title="" alt="">
                </div>
            </section>
            <!-- End page header -->
        {% endif %}
        {% block content %}{% endblock %}
    </div>
    {% include "base/footer.html" %}
    <!-- Le javascript
           ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="{{STATIC_URL}}js/jquery-1.8.3.js"></script>
    <script src="{{STATIC_URL}}bootstrap/js/bootstrap.js"></script>
    <script src="{{STATIC_URL}}js/jquery.onecarousel.min.js"></script>
{#    <script src="{{STATIC_URL}}js/jquery.tweet.js"></script>#}
{#    <script src="{{STATIC_URL}}js/jflickrfeed.min.js"></script>#}
    <script src="{{STATIC_URL}}js/jquery.prettyPhoto.js"></script>
    <script src="{{STATIC_URL}}js/jquery.fitvids.js"></script>
    <script src="{{STATIC_URL}}js/jquery.isotope.js"></script>
    {% dajaxice_js_import %}
{#    {% static "/static/dajax/jquery.dajax.core.js" %}#}
    <script src="{{STATIC_URL}}dajax/jquery.dajax.core.js"></script>
    <script type="text/javascript">
        function calculate(){
            Dajaxice.companies.multiply(Dajax.process,{'a':$('#a').val(),'b':$('#b').val()})
        }
    </script>
    <script type="text/javascript">

        $(document).ready(function () {
            $('#myCarousel').oneCarousel({
                easeIn: 'rotateIn',
                interval: 5000,
                pause: 'hover'
            });
            //jQuery(function ($) {
              //  $(".tweet").tweet({
                //    join_text: "auto",
                  //  username: "ivanuus",
                    //avatar_size: 48,
                    //retweets: false,
                    //refresh_interval: 120,
                    //count: 3,
                    //auto_join_text_default: " ",
                    //auto_join_text_ed: " ",
                    //auto_join_text_ing: " ",
                    //auto_join_text_reply: " ",
                    //auto_join_text_url: " ",
                    //loading_text: "loading tweets..."
                //});
            //});
            var $menu_select = $("<select />");
            $("<option />", { "selected": "selected", "value": "", "text": "Site Navigation" }).appendTo($menu_select);
            $menu_select.appendTo(".header .navbar-inner");

            $(".header .navbar-inner ul li a").each(function () {
                var menu_url = $(this).attr("href");
                var menu_text = $(this).text();
                if ($(this).parents("li").length == 2) { menu_text = '- ' + menu_text; }
                if ($(this).parents("li").length == 3) { menu_text = "-- " + menu_text; }
                if ($(this).parents("li").length > 3) { menu_text = "--- " + menu_text; }
                $("<option />", { "value": menu_url, "text": menu_text }).appendTo($menu_select)
            });

            field_id = ".header .navbar-inner select";
            $(field_id).change(function () {
                value = $(this).attr('value');
                window.location = value;
                //go
            });
            // cache container
            var $container = $('.portfolio .thumbnails');
            var $filter = $('.portfolio-filter');
            // initialize isotope
            $container.isotope({
                // options...
                filter: '*'
            });
            // filter items when filter link is clicked
            $('#filters a').click(function () {
                var selector = $(this).attr('data-filter');
                $container.isotope({ filter: selector });
                return false;
            });
            // update columnWidth on window resize
            $(window).smartresize(function () {
                $container.isotope('reLayout');
            });
            // Filter items when filter link is clicked
            $filter.find('a').click(function () {
                var selector = $(this).attr('data-filter');
                $filter.find('a').removeClass('selected');
                $(this).addClass('selected');
            });
            $("a[rel^='prettyPhoto']").prettyPhoto();
        });
    </script>
    {% block java_script %}{% endblock %}
</body>
</html>